<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="format-detection" content="telphone=no, email=no" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit"/>
    <!-- 避免IE使用兼容模式 -->
    <meta name="HandheldFriendly" content="true"/>
    <!-- 微软的老式浏览器 -->
    <link rel="stylesheet" href="../css/pagecss/pagetwo.css"  th:href="@{/css/pagecss/pagetwo.css}"/>
    <title>page2</title>
</head>
<body>
    <header>原创文章</header>
    <img class="img_one" src="../images/page2/1.png"   th:href="@{../images/page2/1.png}" alt="" />
    <span class="wenzhang">精选文章</span>
    <ul class="one_ul">
        <li th:each="content, iterStat : ${page}">
            <div class="onein">
            <i th:text="${iterStat.index} + 1"></i>
                <a href="#" th:text="${content.title}">文章标题文章标题文章标题文章标题文章标题</a>
            </div>
            <ul class="onein_ul">
                <li><img src="../images/page2/xin.jpg" th:href="@{../images/page2/xin.jpg}"  width="26px" height="26px" alt="" /></li>
                <li><img src="../images/page2/xx.jpg"  th:href="@{../images/page2/xx.jpg}" width="26px" height="26px" alt="" /></li>
                <li><img src="../images/page2/comment.jpg" th:href="@{../images/page2/comment.jpg}"  width="30px" height="26px" alt="" /></li>
                <li><img src="../images/page2/xx.jpg"  th:href="@{../images/page2//xx.jpg}"  width="26px" height="26px" alt="" /></li>
            </ul>
        </li>
        
        
        
      
    </ul>
    <span class="wenzhang">
        最新发布
        <em>[<a href="#">更多</a>]</em>
    </span>
    <ul class="one_ul">
       <li th:each="content, iterStat : ${page}">
            <div class="onein">
                <i  th:text="${iterStat.index} + 1">1</i>
                <a href="#" th:text="${content.title}">文章标题文章标题文章标题文章标题文章标题</a>
            </div>
            <ul class="onein_ul">
                <li><img src="../images/page2/xin.jpg" th:href="@{../images/page2/xin.jpg}"  width="26px" height="26px" alt="" /></li>
                <li><img src="../images/page2/xx.jpg"  th:href="@{../images/page2/xx.jpg}" width="26px" height="26px" alt="" /></li>
                <li><img src="../images/page2/comment.jpg" th:href="@{../images/page2/comment.jpg}"  width="30px" height="26px" alt="" /></li>
                <li><img src="../images/page2/xx.jpg"  th:href="@{../images/page2//xx.jpg}"  width="26px" height="26px" alt="" /></li>
            </ul>
        </li>
        
    </ul>
</body>
</html>